﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<!--[if IE 7 ]>    <html class= "ie7"> <![endif]-->
<!--[if IE 8 ]>    <html class= "ie8"> <![endif]-->
<!--[if IE 9 ]>    <html class= "ie9"> <![endif]-->
<!--[if lt IE 9]>
<script src="js/css3-mediaqueries.js"></script>
<![endif]-->

<head>
<meta name="baidu_union_verify" content="069af050ef987e2838a936f63ed94b3f">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
<meta name="keywords" content="童年，音乐制作，翻唱，微信，录制" />

<title>欢迎来到深圳量子云科技有限公司</title>

<!-- *************************************************************************
**************************   STYLE SHEET   *******************************
************************************************************************** -->

<link href="css/main.css" rel="stylesheet" type="text/css" />

<!-- *************************************************************************
**************************        JS       *******************************
************************************************************************** -->
 
<script type="text/javascript" src="http://lib.sinaapp.com/js/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"> </script>
<script type="text/javascript" src="js/hoverIntent.js"> </script>
<script type="text/javascript" src="js/superfish.js"> </script>
<script type="text/javascript" src="js/supersubs.js"> </script>
<script type="text/javascript" src="js/custom.js"> </script>
<script type="text/javascript" src="js/scrolltopcontrol.js"> </script>
<script type="text/javascript" src="js/jquery.flexslider-min.js"> </script>
<script type="text/javascript" src="js/jquery.prettyPhoto.js"> </script>
<script type="text/javascript" src="js/jquery.quicksand.js"> </script>

<script type="text/javascript">
$(document).ready(function(){
	$("#form").val();
});
</script>

<!-- END OF SCRIPT FOR FORM -->
<!--Mobile Fix for header-->
<script type="text/javascript">
$(document).ready(function(){

	$('.trigger').bind('touchstart', function(){
    $('ul#.social').addClass('thover');
    return false;
}).bind('touchend', function(){
    $(this).removeClass('thover');
});
	$('.searchtrigger').bind('touchstart', function(){
    $('ul#search').addClass('thover');
    return false;
}).bind('touchend', function(){
    $(this).removeClass('thover');
});
});
</script>
<!--End Mobile Script-->

<!-- Menu to Select Setting -->
<script type="text/javascript">
// DOM ready
$(document).ready(function(){

// Create the dropdown base
$("<select />").appendTo("#top_menu");

// Create default option "Go to..."
$("<option />", {
 "selected": "selected",
 "value"   : "",
 "text"    : "Menu Selection..."
}).appendTo("#top_menu select");

// Populate dropdown with menu items
$("#top_menu a").each(function() {
var el = $(this);
$("<option />", {
   "value"   : el.attr("href"),
   "text"    : el.text()
}).appendTo("#top_menu select");
});

// To make dropdown actually work
// To make more unobtrusive: http://css-tricks.com/4064-unobtrusive-page-changer/
$("#top_menu select").change(function() {
window.location = $(this).find("option:selected").val();
});

});
</script>

<!-- *************************************************************************
*********************   THIS IS THE SLIDER JS    **************************
************************************************************************** -->
<script type="text/javascript">
$(window).load(function() {
			$('#slider').flexslider();
		});
		
</script>

<!-- *************************************************************************
*********************   THIS IS THE SOCIAL JS    **************************
************************************************************************** -->

<!--[if lt IE 10]>
<script type="text/javascript">
$(document).ready(function(){
			$('ul.social').hover(function(){
				$(this).animate({width: "180px"}, {duration:1000, queue:false});
			}, function(){
				$(this).animate({width: "30px"}, {duration:1000, queue:false});
			});
				});
                
                $('div#search').hover(function(){
				$(this).animate({width: "180px"}, {duration:1000, queue:false});
			}, function(){
				$(this).animate({width: "34px"}, {duration:1000, queue:false});
			});
				});
</script>
<![endif]--> 

<!-- END OF SCRIPT FOR SOCIAL -->

</head>

<body>

<!-- Start of social bar wrapper -->
<div id="social_bar_wrapper">    
  
        
    </div><!-- End of social bar -->

</div><!-- End of social bar wrapper -->


<!-- Start of menu wrapper -->
<div id="menu_wrapper">

	<!-- Start of logo menu wrapper -->
    <div id="logo_menu_wrapper">
    
        <!-- Start of top logo -->
        <div id="top_logo">
        
        <a href="index.html"><img src="img/logo.png" height="40" width="247" alt="top logo" /></a>
        
        </div><!-- End of top logo -->
        
		<!-- Start of top menu -->
        <div id="top_menu">
        
            <ul class="sf-menu">
            
                <li><a class="active" href="index.html">主页 <span>Home</span></a></li>
                                
                <li><a class="active" href="#">产品简介 <span>Product introduction</span></a>
                	<ul>
                    	<li><a href="xiangce_single.html">微相册</a></li>
                    	<li><a href="weimingpian_single.html">微名片</a></li>
                    	<li><a href="weixuanchuan_single.html">微宣传</a></li>
                    </ul> 
                </li>
                <li><a href="company.html">公司简介 <span>Company introduction</span></a>  
                </li>
                
                <li><a href="contact.html">联系我们 <span>Contact us</span></a></li>
            
            </ul>

		</div><!-- End of top menu --> 
        
        <div class="clear"></div>        
    
    </div><!-- End of logo menu wrapper -->

</div><!-- End of menu wrapper -->
<!-- Start of slider wrapper -->
<div id="slider_wrapper2">

	<!-- Start of slider -->
    <div id="slider">
    
        <ul class="slides">
            <li>
                <img src="img/slide_1.jpg" alt="slide 1" />
            </li>
            <li>
                <img src="img/slide2.jpg" alt="slide 2" />
            </li>
            <li>
                <img src="img/slide3.jpg" alt="slide 3" />
            </li>
        </ul>
        
    </div><!-- End of slider -->

</div><!-- End of slider wrapper -->

<!-- Start of slider caption wrapper -->
<div id="slider_caption_wrapper">

    <!-- Start of slider caption -->
    <div id="slider_caption">
		<p>深圳量子云科技有限公司成立于2013年，通过云架构的富媒体表现形式，丰富人们的沟通与生活<!-- ，旗下卡娃微卡在短短半年时间就拥有30万粉丝 -->；微名片实现真正意义的一卡通，集一键电话、导航、留言于一身；微宣传，通过html5动画带来丰富视觉效果，充分满足企业的苛刻创意需求。</p>
    
        <!-- Start of slider link -->
        <div id="slider_link">
        
        <a href="company.html">关于我们</a>
            
        </div><!-- End of slider link -->
    
    </div><!-- End of slider caption -->

</div><!-- End of slider caption wrapper -->

<!-- Start of wrapper -->
<div id="wrapper">
    
	<!-- Start of intro section -->
    <div class="intro_section">
	
        <!-- Start of portfolio bg -->
        <div id="portfolio-bg" class="clearfix">
                
            <!-- Start of image grid -->
            <ul class="image-grid grid clearfix">
                
                <!-- ******************** THIS IS THE START OF PORTFOLIO ITEM ******************** -->
                
                <li class="term-39" data-id="id-1">
                
                    <div class="view view-first"><!-- Start of view container -->

                        
                        <a href="xiangce_single.html" ><img src="img/portfolio1_1.jpg" alt="Portfolio 1" width="305" height="227"/></a> 
                        
                        <div class="mask"><!-- Start of mask -->
                        
                        <h5>微相册微生活</h5>
                        
                        <a href="xiangce_single.html" class="info">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;查看详情&nbsp;&nbsp;&nbsp;&nbsp;</a> 
                        
                        </div><!-- End of mask -->

                    </div><!-- end of view container -->
                    
                </li>
                
                <!-- ******************** THIS IS THE END OF PORTFOLIO ITEM ******************** -->
                
                
                 
                <!-- ******************** THIS IS THE START OF PORTFOLIO ITEM ******************** -->
                
                <li class="term-36" data-id="id-2">
                
                    <div class="view view-first"><!-- Start of view container -->

                        
                        <a href="weimingpian_single.html"><img src="img/portfolio2.jpg" alt="Portfolio 2" width="305" height="227"/></a>
                        
                        <div class="mask"><!-- Start of mask -->
                        
                        <h5>微信商业圈的金钥匙</h5>
                        
                        <a href="weimingpian_single.html" class="info">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;查看详情&nbsp;&nbsp;&nbsp;&nbsp;</a> 
                        
                        </div><!-- End of mask -->

                    </div><!-- end of view container -->
                    
                </li>
                
                <!-- ******************** THIS IS THE END OF PORTFOLIO ITEM ******************** -->
                
                
                
                <!-- ******************** THIS IS THE START OF PORTFOLIO ITEM ******************** -->
                
                <li class="term-37" data-id="id-3">
                
                    <div class="view view-first"><!-- Start of view container -->

                        
                        <a href="xiangce_single.html"><img src="img/portfolio3.jpg" alt="Portfolio 3" width="305" height="227"/></a>
                        
                        <div class="mask"><!-- Start of mask -->
                        
                        <h5>移动时代富媒体</h5>
                        
                        <a href="weixuanchuan_single.html" class="info">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;查看详情&nbsp;&nbsp;&nbsp;&nbsp;</a> 
                        
                        </div><!-- End of mask -->

                    </div><!-- end of view container -->
                                        
                </li>
                
                <!-- ******************** THIS IS THE END OF PORTFOLIO ITEM ******************** -->
                                                
            </ul><!-- End of image grid -->
                
        </div><!-- End of portfolio bg -->
        
    </div><!-- End of intro section --> 
	
    <div class="clear"></div>
<div class="clear"></div>
    
    <!-- Start of client wrapper -->
    <div id="client_wrapper">
    
    <img src="img/divider.png" alt="divider" width="960" height="30" style="padding:20px 0 20px 0;"/>
        
            <!-- Start of one fourth first -->
            <div class="one_fourth_first">            
            <span class="dropcap_yellow">1</span>
            <h5><br>关于“量子云”</h5>            
            <p>每个微相册都是一个“微电影”。<span class="highlight">每个人都可以成为导演。</span>好莱坞的大片就那么几个人能拍，微相册却是人人都能做的。量子是世界的组成部分，我们就是从世界的本质出发，让每个人都可以自主的展现自己是我们的终极目标。</p>
                
            </div><!-- End of one fourth first -->
                   
            <!-- Start of one fourth -->
            <div class="one_fourth">
            
            <span class="dropcap_black">2</span>
            
            <h5><br>个人微相册设计</h5>
            
             <p>用心设计每一个卡片。<span class="highlight">从设计到交付全流程服务。</span>生日、结婚纪念日、情人节想送她一份独一无二的礼物？要求婚、要道歉、要卖萌，想给她一个惊喜？交给我们吧，这里有专业的设计师，为您打造，专属定制，这个世界上独一无二的酷炫微相册。</p> 
            </div><!-- End of one fourth -->
            
            <!-- Start of one fourth -->
            <div class="one_fourth">
            
            <span class="dropcap_black">3</span>
            
            <h5><br>企业微宣传设计</h5>
            
			<p>以客户利益为先。<span class="highlight">不断创新是我们的原动力。</span>微宣传，其本质上是移动端的全屏交互式动画广告，由于它具有丰富的展现形式和较强的自传播能力，从而备受企业喜爱。在这里，您只需给出一个想法，我们便有专业的设计师为您量身打造一款微宣传卡，再形成动态的展示效果，这是一个完整的生产线，这是一个创造的过程，更重要的是，我们都会认真对待客户的每一个意见，直到交付满意的作品。
			</p>
                
            </div><!-- End of one fourthn -->
			
            <!-- Start of one fourth -->
            <div class="one_fourth">
            
            <span class="dropcap_yellow">4</span>
            
            <h5><br>只能在微信上用吗？</h5>
            
             <p>是的。<span class="highlight">我们的原则是：聚焦才能做到最好。</span>考虑到不同的终端设备展示出来的效果不尽相同，为了达到最好的展示效果，我们限定仅能在微信上传播。目前微信用户已经突破5亿，微信支付日益成熟，微信商城正在拉开序幕，这是一个新的时代，能在短时间内拥有强大的传播力，就是最大的胜利！</p> 
                
            </div><!-- End of one fourth -->
            <img src="img/divider.png" alt="divider2" width="960" height="30" style="padding:20px 0 20px 0;"/>           
    
    </div><!-- End of client wrapper -->
    

</div><!-- End of wrapper -->




<!-- Start of footer wrapper -->
<div id="footer_wrapper">

	<!-- Start of footer -->
    <div id="footer">

        <!-- Start of footer widget -->
        <div id="footer_widget">
        
        <a href="#"><img src="img/footer_logo.png" height="34" width="209" alt="bottom logo" /></a>
        
        <p>深圳前海高新开发区高科技企业.</p>
		<p>丰富人们的沟通与生活</p>
        
        </div><!-- End of footer widget -->
                
        <!-- Start of footer tweet -->
        <div id="footer_tweet">
        
        <!-- Start of twitter message content -->
        <div class="twitter_message_content">
        
        	<!-- Start of tweet -->
            <div class="tweet">
            
            </div><!-- End of tweet -->
        
        </div><!-- End of twitter message content -->
        
        </div><!-- End of footer tweet -->
        
        <!-- Start of footer right -->
        <div class="footer_right">
        
        <h5>联系我们：</h5>
         
         <ul>
         <li><a href="http://mail.qq.com">email：149949670@qq.com</a></li>
         <li>QQ: 149949670</li>
         </ul>
         
         <h5>地址：</h5>
         
         <ul>
         <li>北京市朝阳区育慧西里9-106</li>
         <ul>
         
         
        </div><!-- End of footer right -->
    
    </div><!-- End of footer -->
    
<div class="clear"></div>

</div><!-- End of footer wrapper -->

<!-- Start of bottom footer wrapper -->
<div id="bottom_footer_wrapper">

	<!-- Start of bottom footer -->
    <div id="bottom_footer">
    
    <img src="img/logo_emblem.png" height="27" width="39" alt="bottom logo emblem" />
    
    <p>&copy; Copyright &copy; 2016.BeautifulLover All rights reserved. Power By:www.Beautifullover.org BTFL备案号：<a target="_blank" href='www.Beautifullover.org'>编号：20160818001号
</a></p>
    
    </div><!-- End of bottom footer -->

</div><!-- End of bottom footer wrapper -->


</body>
</html>
